<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电影封面-郫县电影</title>
<link rel="short icon"  href="/photo/head.png"/>
<style type="text/css">
	.left{    
	    width: 200px;
	    height: 750px;
	    float: left; 
	    background-color: #f4f3f4;
	    text-align: center;
	    border-right: 1px solid #d8d8d8;
	}
	.left h1 {
	    margin-top: 40px;
	    margin-bottom: 30px;
	    font-size: 22px;
	    color: #222;
	    font-weight: 400;
	}
	.right{
		position: absolute;
		left: 400px;
		top: 50px;
		border: 1px solid #d8d8d8;
	}
	body{
		border-top: 2px solid #d8d8d8;
		border-bottom: 2px solid #d8d8d8;
	}
	.left a {
	    display: block;
	    font-weight: 400;
	    color: #333;
	    height: 40px;
	    width: 202px;
	    margin-left: -1px;
	    line-height: 40px;
	    font-size: 18px;
	    text-decoration: none;
	}
	.left .updateMovie{
		color: #9b9191;
	}
	.left .active{
		color: #fff;
		background-color: #ed3931;
	}
	.left form>input{
		opacity: 0;
		height: 40px;
		width: 202px;
		z-index: 1;
	}
	.left .form1{
		position: absolute;
		top:150px;
	}
	.left .form2{
		position: absolute;
		top:190px;
	}
	.right>*{
		margin-left: 10px;
		margin-right: 10px;
	}
	table{
		border-spacing: 70px 10px;
	}
	.right-top{

		min-height:80px;
		overflow:hidden;
	}
	.modle1{
		float:left;
		width: 100px;
		height: 40px;

	}
	.modle2{
		float:left;
		width: 600px;
		margin-left: 100px;
	}
	.modle1 input{
		position: absolute;
		left: 25px;
		top: 20px;
	}
	form .input{
		cursor: pointer;
		border-radius: 5px;
		width: 50px;
	    height: 25px;
	    font-size: 16px;
	    line-height: 25px;
		border: none;
		color: #fff;
		background-color: #ed3931;
	}
	.right .content{
		padding-left: 200px;
		border-top: 2px solid #d8d8d8;
	}
</style>
</head>
<body>
	<div class="left">
		<h1>影片基本操作</h1>
		<a class="active">基本信息</a>
		<a >添加影片</a>
		<form class="form1" action="/filmInsert" method="get">
				<input type="submit" value="添加影片"/>
		</form>
		<a >删除影片</a>
		<form class="form2" action="/filmDelete" method="get">
			<input type="submit" value="删除影片"/>
		</form>
		<a class="updateMovie">修改影片</a>
	</div>
	<div class="right">
		<div style="height: 10px"></div>
		<div class="right-top">
			<div class="modle1">
				<form action="/filmFindAll" method="get">	
					<input class="input" type="submit" value="返回" />
				</form>
			</div>
			<div class="modle2">
				<table>
					<thead>
						<tr><th>订单数:"${requestScope.OrderNumberByMovieId }"</th></tr>
					</thead>
					<tbody>
						<tr><th></th></tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="content">
			<table>
				<thead>
					<tr>
						<th>时间</th>
						<th>收入</th>
					</tr>
				</thead>
				<tbody>
					
						<c:forEach items="${requestScope.priceByMovieId }" var="p">
						<tr>
							<td>${p.orderDateString }</td>
							<td>${p.allPrice }</td>
						</tr>
						</c:forEach>
					
				</tbody>
			</table>
		</div>
		<div class="content">	
			<table>
				<thead>
					<tr>
						<th>上座率:"${requestScope.rate }"</th>
						
					</tr>
				</thead>
				<tbody>
					<tr><td><td></tr>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>